@extends('layouts.admin')

@section('content')
    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          <div class="box">
            <div class="box-header">
             <button type="button" class="btn bg-maroon btn-flat margin">新增</button>
             <button type="button" class="btn bg-olive btn-flat margin">删除</button>
             <div class="box-tools">
                <div class="input-group input-group-sm" style="width: 150px;">
                  <input type="text" name="table_search" class="form-control pull-right" placeholder="Search">

                  <div class="input-group-btn">
                    <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example2" class="table table-bordered table-hover">
                <thead>
                <tr>
                	<th></th>
                	<th>id</th>
                  	<th>Rendering engine</th>
                  	<th>Browser</th>
                  	<th>Platform(s)</th>
                  	<th>Engine version</th>
                  	<th>CSS grade</th>
                  	<th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                	<td><input type="checkbox"></td>
                  	<td>1</td>
                  	<td>Internet
                    Explorer 4.0
                  	</td>
                  	<td>Win 95+</td>
                  	<td> 4</td>
                  	<td>X</td>
                  	<td>X</td>
                  	<td>	
	                  	<button type="button" class="btn btn-info">编辑</button>
	                  	<button type="button" class="btn btn-danger ajax-get" data-confirm="确定要删除这篇文章吗？" data-success="removeTr">删除</button>
	              		<button type="button" class="btn btn-info">Top</button>
              		</td>
                
                </tr>

              
                </tbody>
              </table>
            </div>
            <!-- /.box-body -->
            <ul class="pagination">
              <li class="paginate_button previous disabled" id="example2_previous"><a href="#" aria-controls="example2" data-dt-idx="0" tabindex="0">Previous</a></li><li class="paginate_button active"><a href="#" aria-controls="example2" data-dt-idx="1" tabindex="0">1</a></li><li class="paginate_button next disabled" id="example2_next"><a href="#" aria-controls="example2" data-dt-idx="2" tabindex="0">Next</a></li>
              </ul>
          </div>
          

          
     
          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
 


@endsection